@charset "UTF-8";
@font-face{font-family: 'thyFont1';src: url("../fonts/simpds.ttf");}
@font-face{font-family: 'thyFont2';src: url("../fonts/bebas.ttf");}
@font-face{font-family: 'thyFont3';src: url("../fonts/questrial-regular.ttf");}
@font-face{font-family: 'Cabin-Regular';font-style: normal;font-stretch: normal;font-display: swap;src: url('../fonts/cabin-regular.ttf') format('truetype');}
body{font-family: 'Cabin-Regular', Arial, Candal, sans-serif !important;}
main{width: 94%;max-width: 1600px;margin: 0 auto;display: block;*zoom: 1;}
main:before, main:after{content: " ";display: table;}
main:after{clear: both;}
html{background: #fff;overflow-x: hidden;width: 100%;}
/*样式重置*/
html{line-height: 1.15;-webkit-text-size-adjust: 100%;}
body{margin: 0;}
h1{font-size: 2em;margin: .67em 0;}
hr{box-sizing: content-box;height: 0;overflow: visible;}
pre{font-family: monospace,monospace;font-size: 1em;}
a{background-color: transparent;}
abbr[title]{border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}
b, strong{font-weight: bolder;}
code, kbd, samp{font-family: monospace,monospace;font-size: 1em;}
small{font-size: 80%;}
sub, sup{font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub{bottom: -.25em;}
sup{top: -.5em;}
img{border-style: none;}
button, input, optgroup, select, textarea{font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;}
button, input{overflow: visible;}
button, select{text-transform: none;}
[type=button], [type=reset], [type=submit], button{-webkit-appearance: button;}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner{border-style: none;padding: 0;}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring{outline: 1px dotted ButtonText;}
fieldset{padding: .35em .75em .625em;}
legend{box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}
progress{vertical-align: baseline;}
textarea{overflow: auto;}
[type=checkbox], [type=radio]{box-sizing: border-box;padding: 0;}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button{height: auto;}
[type=search]{-webkit-appearance: textfield;outline-offset: -2px;}
[type=search]::-webkit-search-decoration{-webkit-appearance: none;}
::-webkit-file-upload-button{-webkit-appearance: button;font: inherit;}
details{display: block;}
summary{display: list-item;}
template{display: none;}
[hidden]{display: none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time, video{margin: 0;padding: 0;}
fieldset, img{border: 0;}
address, caption, cite, code, dfn, em, th, var, optgroup{font-style: normal;font-weight: normal;}
ins{text-decoration: none;}
li{list-style: none;}
table{font-size: inherit;font: 100%;border-collapse: collapse;border-spacing: 0;}
caption, th{text-align: left;}
h1, h2, h3, h4, h5, h6{font-size: 100%;}
q:before, q:after{content: '';}
abbr, acronym{border: 0;font-variant: normal;}
legend{color: #000;}
input, button, textarea, select, optgroup, option{font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;}
input, button, textarea, select{border: 0;padding: 0;margin: 0;*font-size: 100%;line-height: 1.2;}
a img, img{-ms-interpolation-mode: bicubic;}
sub, sup{vertical-align: baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote{display: block;}
pre{white-space: pre-wrap;}
textarea{resize: none;overflow: auto;}
input[type=text]:focus, input[type=password]:focus, textarea:focus{outline: 0;}
button, input{outline: 0;}

input[type=password]::-ms-reveal{display: none;}
input::-ms-clear{display: none;}
input:-ms-input-placeholder{color: #999;}
/*样式重置*/
a:hover{color: #001838;}
a:active{color: #001838;}/*链接默认深蓝色*/
.clearboth{ clear:both;}
.floatleft{ float:left;}
.floatright{ float:right;}
/*滚动条*/
::-webkit-scrollbar{width: 9px;background-color: #fff;}
::-webkit-scrollbar-thumb{border: solid 2px #fff;width: 5px;border-radius: 4px;background-color: #373c41;}
::-webkit-scrollbar-corner{background-color: #fff;}
::-webkit-scrollbar:horizontal{height: 9px;}
::-webkit-selection{background: #dcdddc;color: #000;}
/*头部*/
#needHeaderBac{background: white;}
#needHeaderBac .header_logo .logo1{display: inline-block;}
#needHeaderBac .header_logo .logo2{display: none;}
#needHeaderBac .header_mail a{color: #001838;}
#needHeaderBac #tNav .tNav .navName{color: #333;}
.pc_header{width: 100%;position: fixed;top: 0;z-index: 999;height: 120px;background: rgba(250,250,250,1);border-bottom: 1px solid rgba(255,255,255,0);transition: all .5s ease;/* Firefox 4*//* Safari 和 Chrome*//* Opera*/box-sizing: border-box;box-shadow: 0 3px 4px rgb(0 0 0 / 10%);}/*菜单部分整个背景颜色*/
.pc_header .topmain{ background:#001838; height:40px;}
.pc_header .topmain .topmaincss{ margin:auto; width:100%;min-width:1000px;max-width:1600px; height:40px;}
.pc_header .topmain .topmaincss .topmainfl{ float:left;}
.pc_header .topmain .topmaincss .topmainfl ul{ border-right:1px solid #4b6b96;height:40px;}
.pc_header .topmain .topmaincss .topmainfl ul li{ float:left; border-left:1px solid #4b6b96; padding:0 20px;}
.pc_header .topmain .topmaincss .topmainfl ul li a{ color:#FFF; height:40px; line-height:40px; display:block; }
.pc_header .topmain .topmaincss .topmainfr{float:right;}
.pc_header .topmain .topmaincss .topmainfr ul{border-left:1px solid #4b6b96;height:40px;}
.pc_header .topmain .topmaincss .topmainfr ul li{ float:left; border-right:1px solid #4b6b96;padding:0 20px;}
.pc_header .topmain .topmaincss .topmainfr ul li a{ color:#FFF; height:40px; line-height:40px;}
.pc_header .box{width: 100%;max-width:1600px;height:80px;display: flex;align-items: center;margin: auto; }/*菜单背景颜色*/
.pc_header .header_logo{width: 20%;height: 100%;z-index: 20;display: flex;align-items: center;overflow: visible;}
.pc_header .header_logo a{display: block;}
.pc_header .header_logo .logo1{display: none;max-width: 100%;}
.pc_header .header_logo .logo2{display: inline-block;max-width: 100%;}
.pc_header .header_mail{width: 18%;display: flex;justify-content: flex-end;align-items: center;}
.pc_header .header_mail a{margin: 0 5px;height: 36px;font-size: 20px;font-family: arial;color: #fff;width: auto;display: flex;justify-content: center;align-items: center;}
.pc_header .header_mail a i{display: flex;justify-content: center;align-items: center;margin-right: 5px;font-size: inherit;}
.pc_header .header_lang{width: 10%;position: relative;}
.pc_header .header_lang .lang{position: relative;width: 100px;float: right;}
.pc_header .header_lang span{display: block;width: 100px;height: 40px;line-height: 40px;font-size: 14px;text-align: center;background: #f4f4f4;color: #666;cursor: pointer;}
.pc_header .header_lang ul{position: absolute;width: 100%;padding: 4px;background: #fff;border: 1px solid #ccc;box-sizing: border-box;opacity: 0;visibility: hidden;transform: translate3d(0, 10px, 0);transition: all .5s ease;}
.pc_header .header_lang ul li a{display: block;color: #595959;font-size: 13px;line-height: 30px;padding-left: 30px;background: url(../images/cn.png) center left no-repeat;background-size: 20px;}
.pc_header .header_lang ul li a.en{background-image: url(../images/en.png);}
.pc_header .header_lang .lang:hover ul{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);}
.swiper-container{margin:10px auto auto auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}/*首页动画图离顶高度*/
.swiper-container-top{margin:120px auto auto auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}/*首页动画图离顶高度*/

@media only screen and (min-width: 1025px){
#tNav .navLi.tplink8{display:none;}
#tNav .tNavBox{width:100%;height:auto;overflow:visible;}
#tNav .navBtn{display:none;}
#tNav .navSliBtn{display:none;}
#tNav .navSliBtnlang{display:none;}
#tNav .iconJt{display:none;}
#tNav .navUl{width:230%;display: flex;justify-content: flex-end;padding-right: 2%;  }/*百分比控制菜单对齐*/
#tNav .navLi{padding: 0;min-width: 9%;display: inline-block;font-size: 14px;margin: 0 10px;position:relative;}/*菜单左右间距li*/
#tNav .navLi:hover .tNavH::before,#tNav .navLi.cur .tNavH::before{width:100%;opacity: 0.8;}/*菜单下拉边框默认高度及颜色 透明度*/
#tNav .tNavH{position:relative;}
#tNav .tNavH::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;width:0;height:2px;background-color: #606162;opacity: 0;transition:all .5s ease;}
/*菜单下拉边框默认高度及颜色*/
#tNav .tNav{width:100%;margin:0 auto;overflow: visible;}/*菜单整个背景层*/
#tNav .tNav .navName{position:relative;display:block;padding:0;line-height:80px;font-size:16px;color:#001838;text-align:center;transition:all .5s ease;}/*菜单文字大小*/
#tNav .tNav.active .navName:hover{color:#001838;}/*菜单文字颜色*/
#tNav .tNav.active .navName{color:#333;font-family: 'Cabin-Regular', cursive !important;}
#tNav .navName::after{content: attr(data-title);position: absolute;top: 0;left: 0;transform: translateY(100%);width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: #001838;font-weight:bold;display:none;}
#tNav .navLi:hover .navName{transform: translateY(0%);}
#tNav .slidBox{position: absolute;left: -50%;right: 0;width: 200%;opacity: 0;visibility: hidden;z-index: 110;margin: 0 auto;padding: 5px 0px;transform: translate3d(0, 20px, 0);transition: all .5s ease;background: rgb(5 20 60 / 78%);box-shadow: 0 2px 5px rgba(0,0,0,0.075);border-top: none;}/*菜单二级菜单下拉背景颜色*/
#tNav .navLi:hover .slidBox{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);}
#tNav .navSbox{position: relative;float: none;width: 100%;margin-left: 0%;height: auto;overflow: hidden;font-size: 0;white-space: nowrap;}
#tNav .navSli{width: 100%;float: none;font-size: 14px;position: relative;text-align: center;}
#tNav .navSli:before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: rgba(255,255,255,.1);transition: all .5s ease;-webkit-transition: all .5s ease;}
/*菜单二级菜单下拉边框默认颜色*/
#tNav .navSli:hover:before{width: 100%;background: rgba(255,255,255,.4);}/*菜单二级菜单鼠标悬浮时下拉边框颜色*/
#tNav .navSlink{display:block;color:#fff;height: 36px;line-height: 36px;}
#tNav .oneName{font-size:26px;padding-bottom: 15px;color: #000;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#tNav .tNavSummry{line-height: 24px;width:100%;height: auto;overflow:hidden;color: #666666;font-size: 14px;max-width: 420px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;}
#tNav .tNavMore{display:block;position: relative;height: auto;padding-top: 25px;border-top: 1px dashed #cccccc;margin-top: 20px;cursor:pointer;}
#tNav .txt{color:#000;transition:all .5s ease;}
#tNav .leanMore{margin-left:2rem;transition:all .5s ease;}
#tNav .tNavMore:hover .txt{color:#21478b;margin-left:10px;}
#tNav .tNavMore:hover .leanMore{color:#21478b;}
#tNav .navSimg{position:relative;width:100%;height:160px;overflow:hidden;}
#tNav .navImg{position:absolute;left:50%;transform:translateX(-50%) scale(1);width:auto;height: 100%;transition: all .5s ease;}
#tNav .navSli:hover .navImg{transform:translateX(-50%) scale(1.1);}
#tNav .navSli:hover .navSlink{color: #fff;}
#tNav .navSli:hover .navSlink::after{width: 100%;opacity: 1;}
}



.banner{position: relative;height:auto; max-height:700px; overflow:hidden;}
.banner .swiper-slide{position: relative;pointer-events: auto;}
.banner .swiper-slide .slide-inner{width: 100%;height: auto;}
.banner .swiper-slide .bannerPic{display: block;width: 100%;left: 0px;top: 0px;height: 1200px;max-height: 1080px;object-fit: cover;}
.banner .swiper-slide .bannerPic{position:relative;width:100%;height:auto;transition:all 1s ease 2.5s;transform:perspective(1000px) translate3d(0, 0, 100px);}
.banner .swiper-slide.active .bannerPic{transition:all 5s ease 0s;transform:perspective(1000px) translate3d(0, 0, 0px);}
.banner .swiper-pagination-bullet{width:12px;height:12px;background-color:#ffffff;margin: 0 14px!important;opacity:0.5;color:transparent;}
.banner .swiper-pagination-bullet-active{opacity:1;width:42px;height:42px;line-height:42px;text-align:center;border:2px solid rgba(255, 255, 255, 0.4);background-color:transparent;color:#ffffff;}
.banner .swiper-pagination-bullet-active .rightcircle{-webkit-animation:circleProgressLoad_right 6.5s linear infinite;animation:circleProgressLoad_right 6.5s linear infinite;}
.banner .swiper-pagination-bullet-active .leftcircle{-webkit-animation:circleProgressLoad_left 6.5s linear infinite;animation:circleProgressLoad_left 6.5s linear infinite;}
.banner .swiper-pagination-bullet-active .wrapper_con{display:block;}
.banner .swiper-pagination{font-size: 14px;}
.banner .swiper-pagination > span{display:inline-block;vertical-align:middle;position:relative;box-sizing: border-box;}
.banner .swiper-container-rtl .swiper-button-next{left:calc(8.335% - 32px);}
.banner .swiper-container-rtl .swiper-button-prev{right:calc(8.335% - 32px);}
.banner .swiper-container-horizontal > .swiper-pagination-bullets{bottom:5%;}
.banner .right{right:-2px;}
.banner .left{left:-2px;}
.banner .circleProgress{width:42px;height:42px;border:2px solid transparent;border-radius:50%;position:absolute;top:0px;-webkit-transform:rotate(-135deg);box-sizing: border-box;}
.banner .rightcircle{border-bottom:2px solid #ffffff;border-left:2px solid #ffffff;right:0px;}
.banner .leftcircle{border-top:2px solid #ffffff;border-right:2px solid #ffffff;left:0px;}
.banner .wrapper_con{width:21px;height:42px;position:absolute;top:-2px;overflow:hidden;display:none;}
.banner .picfont{ z-index:1000; top:-450px; left:15%;position: inherit; width:100%;font-size:120px; overflow:hidden; color:#FFF;  font-weight:bold; display:block;}
.banner .picfont p{ font-size:50px;}


@keyframes circleProgressLoad_right{0%{transform: rotate(45deg);}50%, 100%{transform: rotate(225deg);}}
@keyframes circleProgressLoad_left{0%, 50%{transform: rotate(45deg);}100%{transform: rotate(225deg);}}





.in_class{margin: 30px 0;}
.in_class ul{display: flex;flex-wrap: wrap; margin:0px; padding:0px;}
.in_class ul li{width: calc( 100% / 2 - 2%);margin-right: 2%;}
.in_class ul li:nth-child(3n){margin-right: 0;}
.in_class ul li .imgbox{width: 100%;height: 100%;position: relative;min-height: inherit;}
.in_class ul li .imgbox > img{height:320px;width:100%;object-fit:cover;opacity: 1;transition:all 1.5s ease;border-radius:10px;}
.in_class ul li .contentbox{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: flex;align-items: center;background: rgba(0, 50, 120,0.5);border-radius:10px;}/*首页类别默认图片上颜色#053232*/
.in_class ul li .gridbox{width: 100%;padding: 5% 5%;}
.in_class ul li .ico{max-width: 50px; float:left; width:10%;margin:0px; padding:0px;}
.in_class ul li .ico img{transition: all 1s;}
.in_class ul li .txt{color: #fff;margin: 0px 0 40px 30px;transition: all 0.3s ease; float:left;width:85%;}
.in_class ul li .txt a{ color:#FFF;}
.in_class ul li .txt h3{font-size: 24px;line-height: 1.6;}
.in_class ul li .txt p{font-size: 14px;line-height: 1.8;margin-top: 20px;opacity: .8;}
.in_class ul li .btn{position: relative;min-height: 70px;line-height: 70px;border-top: 2px solid rgba(255,255,255,.2); clear:both;}
.in_class ul li .btn:after{content:'';width:15%;height:2px;background:#fff;transition:all 0.8s;position:absolute;left:0px;top:-2px;}
.in_class ul li .btn a{color: #fff;font-size: 14px;}
.in_class ul li .imgbox:hover .contentbox{background: rgb(5 20 50 / 72%);}/*首页类别鼠标浮于图片上颜色#5096e6*/
.in_class ul li .imgbox:hover .ico img{transform:rotateY(360deg);}
.in_class ul li .imgbox:hover .txt{margin:0px 0 50px 30px;}
.in_class ul li .imgbox:hover .txt p{opacity:1;}
.in_class ul li .imgbox:hover .btn:after{width:100%;}



.in_pro{padding: 30px 0;background:#003;background-attachment: fixed;background-size: cover;}
/*.in_pro{padding: 30px 0;background: url(../images/xy_pro_bg.jpg) no-repeat center center;background-attachment: fixed;background-size: cover;}*/
.in_pro .tit{display: flex;align-items: center;}
.in_pro .in_tit{width: 75.24%;}
.in_pro .more{width: 24.759999999999998%;}
.in_pro .in_more{margin-left: auto;border-radius:10px;}
.in_tit h3{color: #001838;font-size: 50px;font-weight: bold;line-height: 60px;}
.in_tit span{display: block;max-width: 40px;height: 3px;margin: 9px 0;background: #804e13;}
.in_tit p{color: #666;font-size: 16px;line-height: 1.6;padding-top: 10px;padding-bottom: 30px;}
.in_tit .casewhite{ color:#FFF;}
.in_tit .white h3,.in_tit.white p{color: #fff;}
.in_tit .white span{background: #fff;}
.in_more{position: relative;max-width: 180px;text-align: center;border: 1px solid rgba(255, 255, 255, 0);transition: all .5s ease;z-index: 1;box-sizing: border-box;overflow: hidden;border-radius:10px;}
.in_more a{color: #fff;position: relative;z-index: 3;font-size: 14px;line-height: 40px;text-align: center;display: block;transition: all .5s ease;}
.in_more:hover{border-color: #1b242b;}
.in_more:hover a{color: #1b242b;}
.in_more:after{content:'';position:absolute;bottom:0px;left:0px;width:100%;height:100%;background:#001838;border:1px solid #001838;z-index:2;transition:all .5s ease;}
.in_more:hover:after{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);}
.in_more.white:hover{border-color: rgba(255, 255, 255, 0.5);}
.in_more.white:hover a{color: #fff;}

.in_pro #products{width:100%;height:auto;overflow:hidden;padding:10px 0px;}
.in_pro .list{position:relative;width:100%;height:auto;padding-bottom:10px; }
.in_pro li{overflow:hidden;padding:10px;background:#fff;box-sizing: border-box; height:auto;border-radius:10px;}
.in_pro li .img{position: relative;width:100%;padding-bottom:80%;overflow: hidden;}/*padding-bottom调节li高度*/
.in_pro li .img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);width:100%;height:100%;transition:all .5s ease;}
.in_pro li h3{display:block;color:#000;font-size:18px;height:30px;line-height:30px;text-align: center;padding:0 2%;margin:10px 0 0 0px;transition: all .5s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.in_pro li:hover .img img{transform:translate(-50%,-50%) scale(1.1);}
.in_pro li:hover h3{color:#001838;}
.in_pro .swiper-pagination-bullet{width:10px;height:10px;margin:5px;background:#d2d5d9;opacity:1;transition: all .5s ease;}
.in_pro .swiper-pagination-bullet-active{background:#001838;}
.in_pro .swiper-pagination{width:100%;bottom:0px;}



.in_about{margin: 30px 0;}
.in_about .box{display: flex;align-items: center;}
.in_about .fl{width: 55%; vertical-align: text-top;}
.in_about .fl .txt{color: #666;font-size: 16px;line-height: 1.6;margin: 20px 0 30px;}
.in_about .fr{width: 40%;margin-left: 5%;}
.in_about .fr video{100%;height:360px; margin:20px 0; border-radius:10px;}
.in_about .fr li{display: flex;align-items: center;margin: 10px 0;background: #f3f3f3;transition: all .5s ease;}
.in_about .fr li .img{width: 19.100199999999997%;}
.in_about .fr li .img>div{max-width: 80px;margin: 50px auto;}
.in_about .fr li .img img{width: 100%;height: 100%;}
.in_about .fr li .txt{width: 78.8998%;margin-left: 2%;}
.in_about .fr li .txt>div{padding: 0 10px;}
.in_about .fr li .txt h3{color: #001838;font-size: 20px;margin-top: 30px;transition: all .5s ease;}
.in_about .fr li .txt p{max-width: 90%;color: #666;font-size: 14px;line-height: 1.6;margin: 10px 0 30px;transition: all .5s ease;}
.in_about .fr li:hover{background-color: #001838;}
.in_about .fr li:hover .txt h3,.in_about .fr li:hover .txt p{color: #fff;}



.in_quality{padding: 5rem 0;background: url(../images/xy_qc_bg.jpg) no-repeat center center;background-attachment: fixed;background-size: cover;}
.in_quality .box{display: flex;align-items: center;background: rgb(236 119 41 / 78%);}
.in_quality .fl{position: relative;width: 48.5%;}
.in_quality .fl .img{position: relative;width: 100%;padding-bottom: 67.5%;overflow: hidden;}
.in_quality .fl img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;transition: all .5s ease;}
.in_quality .fl .tit{position: absolute;top: 0%;left: 3%;width: 94%;}
.in_quality .fl .tit h3{display: block;font-size: 26px;color: #ffffff;line-height: 40px;padding: 20px 0;text-shadow: 1px 1px 5px #000;}
.in_quality .fl .img:hover img{transform: scale(1.1);}
.in_quality .swiper-pagination-bullet{width: 10px;height: 10px;margin: 5px;background: none;border: 2px solid #fff;opacity:1;transition: all .5s ease;}
.in_quality .swiper-pagination-bullet-active{background: #fff;}
.in_quality .swiper-pagination{width:100%;bottom: 1%;}
.in_quality .fr{width: 48.5%;margin-left: 3%;}
.in_quality .fr>div{padding-right: 5%;}
.in_quality .in_tit{width: 100%;}
.in_quality .fr .txt{color: #fff;font-size: 16px;line-height: 1.6;margin: 20px 0;}
.in_quality .fr .img{max-width: 650px;margin-bottom: 30px;}
.in_quality .fr .img img{max-width: 100%;}



.in_parter{padding: 10px 0 20px 0;}
.in_parter .tit{display: flex;align-items: center;}
.in_parter .in_tit{width: 75.24%;}
.in_parter .in_more{margin-left: auto;border-radius:10px;}
.in_parter #parter{}
.in_parter #parter .list{}
.in_parter #parter .list ul{padding:0px; margin:0px;}
.in_parter #parter .list ul li{ text-align:center;}
.in_parter #parter .list ul li .img{ border:0px solid #CCC;}
.in_parter #parter .list ul li .img img{ width:100%; height:60%; padding:0px;}
.in_parter #parter .list ul li a h3{text-align:center;}


.newListBox{margin-bottom: 40px;}
.nuew_list{display: flex;-ms-flex-preferred-size: 100%;flex-basis: 100%;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.nuew_list li{flex-basis: 30%;margin-right: 5%;margin-top: 20px;}
.nuew_list li:nth-child(3n){margin-right:0px;}
.nuew_list li .box{padding: 0;}
.nuew_list li .lin{position:relative;width:100%;height:1px;background:#ededed;margin-bottom:26px;}
.nuew_list li .lin::before{content:'';position:absolute;top:0px;left:0px;width:0px;height:100%;background:#001838;transition:all .5s ease;}
.nuew_list li .time{font-size:14px;line-height:1.5;letter-spacing:.25px;color:#777;margin-bottom:20px;}
.nuew_list li .title{font-size:20px;margin-bottom:0;min-height:48px;line-height:1.2;font-weight:bold;color:#373c41;transition:all .5s ease;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;}
.nuew_list li .txt{position:relative;width:100%;line-height:1.4;clear:both;font-size:16px;color:#777;min-height:66px;letter-spacing:.25px;margin:20px 0px 30px;display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;}
.nuew_list li .pic{position:relative;width:100%;height:0px;padding-bottom:62%;overflow:hidden;border-radius:0px;margin:0 auto;display:none;border-radius:10px;}
.nuew_list li .pic img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);width: 100%;height:auto;transition:all .5s ease;border-radius:10px;}
.nuew_list li .btn{font-size:14px;font-weight:bold;letter-spacing:.5px;text-transform:uppercase;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-top: 20px;color: #777;overflow: hidden;transition:all .5s ease;}
.nuew_list li .btn span{margin-right:10px;position:relative;}
.nuew_list li .box .btn{display:none;}
.nuew_list li:hover .pic img{transform:translate(-50%,-50%) scale(1.1);}
.nuew_list li:hover .title{color:#001838;}
.nuew_list li:hover .lin::before{width:100%;}
.nuew_list li:hover .btn{color:#001838;}
.nuew_list.ny li{margin-top: 80px;}
.nuew_list.ny li .lin::before{background: #afafaf;}
.nuew_list.ny li .pic{display: block;}


footer{padding-top: 10px;padding-bottom: 10px; background: url(../images/bottombg.png) no-repeat top center #001838;}
footer .f_top{border-top: 1px solid rgba(255,255,255,0.3);display: flex;align-items: center;}
footer .f_top .f_logo{clear: left;margin-right: 0;width: 25%;}
footer .f_top .f_logo .box{width: 100%;max-width: 200px;margin: 20px 0;}
footer .f_top .f_logo img{width:300px; height:auto;}
footer .f_top .f_nav{width: 60%;}
footer .f_top .f_nav>ul{font-size: 14px;color: #fff;margin: 20px 0; clear:both; width:100%;}
footer .f_top .f_nav>ul>li{ float:left;margin-right: 5%;line-height: 24px;}
footer .f_top .f_nav>ul>li>a{font-size: 16px;color: #fff;}
footer .f_top .f_nav>ul>li>ul{}
footer .f_top .f_nav>ul>li>ul>li{ display:block; padding-top:6px;}
footer .f_top .f_nav>ul>li>ul>li>a{color: #fff;padding-left:16px; background:url(../images/left_black.png) no-repeat left center;}
footer .f_bottom{margin-top: 40px;display: flex;flex-wrap: wrap;}
footer .f_fl{width: 58.452200000000005%;}
footer .f_fl .box{padding-right: 5%;}
footer .f_fl .lianxi{max-width: 650px;color: #fff;font-size: 16px;line-height: 1.8;margin-bottom: 25px;}
footer .f_fl .lianxi a{color: #fff;}
footer .f_fl .search{display: inline-block;border: 1px solid #aaa;box-sizing: border-box;border-radius:5px;}
footer .f_fl .search .p_searchBox{width: auto;height: auto;display: inline-block;vertical-align: middle;overflow: visible;padding: 0;margin: 0;border-width: 1px;border-style: none;border-color: rgba(228,228,228,0);background-color: transparent;position: relative;border-radius:5px;}
footer .f_fl .search .p_searchBox .p_input{width: 220px;display: inline-block;height: 40px;vertical-align: middle;color: inherit;position: relative;font-size: 14px;}
footer .f_fl .search .p_searchBox .p_input input{}
footer .f_fl .search .p_searchBox .p_input .last{display: none;}
footer .f_fl .search .p_searchBox .p_input .forward{position: absolute;left: 5px;top: 50%;transform: translateY(-50%);height: auto;font-size: 15px;}
footer .f_fl .search .p_searchBox .p_input .forward:before{color: #a9a9a9;}
footer .f_fl .search .p_searchBox .p_input .InputText{color:#fff;background-color:#ffffff00;display: inline-block;height: 100%;width: inherit;line-height: inherit;padding-left: 25px;padding-right: 5px;box-sizing: border-box;border-radius:5px;}
footer .f_fl .search .p_searchBox .p_input .InputText::-webkit-input-placeholder{color:#cecece;font-size:14px}
footer .f_fl .search .sbtn{height: 36px;background-color: #001838;border-radius: 3px;margin: 3px;width: auto;display: inline-block;vertical-align: middle;font-size: 14px;color: rgba(255,255,255,1);border-width: 1px;border-style: solid;border-color: rgba(255,255,255,0);text-align: center;position: inherit;padding: 0 20px;cursor: pointer;font-family: inherit;font-weight: inherit;text-decoration: none;background-size: 100% 100%;border-radius:5px;}
footer .f_fr{width: 38.547799999999995%;margin-left: 3%;margin-right: 0px; margin-top:-100px;}
footer .f_fr h3{color: #fff;font-size: 24px;text-align: right;margin-bottom: 20px; }
footer .f_fr .foot_share{display:block;text-align:right;margin-bottom: 30px;}
footer .f_fr .foot_share a{display:inline-block;position:relative;padding:0px 20px;}
footer .f_fr .foot_share a:first-of-type{padding-left:0px;}
footer .f_fr .foot_share a:last-of-type{padding-right:0px;}
footer .f_fr .foot_share a:not(:last-of-type):before{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background-color:#666;}
footer .f_fr .foot_share span{display:inline-block;vertical-align:middle;width:200px;height:200px;}
footer .f_fr .foot_share span img{height:100%;width:100%;display:block;filter:brightness(1);transition:all .5s ease;}
footer .f_fr .foot_share span:hover img{filter:brightness(1);}
footer .f_fr .copyright{color: #fff;font-size: 14px;line-height: 2;text-align: right;}
footer .f_fr .copyright p a{color: #fff; display:none;}
footer .f_fr .copyright a{color: #fff;}


/*内页*/
.small_banner{position: relative;max-height: 550px;height: 450px;overflow: hidden;}
.small_banner .pic{position: absolute;top:70px;bottom: 0px;left: 0px;right: 0px;background: no-repeat center/cover;}/*内页动画图离顶高度*/
.small_banner .mask{position: absolute;width: 80%;color: #fff;text-align: center;bottom: auto;left: 10%;z-index: 4;}
.small_banner .mask .a1{font-size:120px;font-weight: bold;text-align: left;margin-top:150px;}
.small_banner .mask .a2{height: 1px;width: 100%;background: rgba(255,255,255,0.5);margin: 0px 0 20px 0;}
.small_banner .mask .a3{font-size:50px;font-weight: bold;text-align: left;margin-top:10px;}



.location{width: 100%;position: relative;background: #f5f5f5;}
.location>main{width: 100%;display: flex;align-items: center;}
.ny_class{position: relative;width: 70.34%;z-index: 9;}
.ny_class ul{text-align: left;display: flex;flex-wrap: nowrap;}
.ny_class ul li{display: inline-block;color: #fff;width: auto;vertical-align: top;}
.ny_class ul li a{position: relative;font-size: 17px;height: 80px;line-height: 80px;padding: 0px 30px;color: #000;font-weight: bold;display: block;transition: 0.3s ease 0s;}
.ny_class ul li a:before{position:absolute;content:'';left:50%;bottom:0px;width:0%;height:3px;background-color:none;transition:all .3s;}
.ny_class ul li a:after{content:"";position:absolute;width:1px;height:15px;display:block;background:#ccc;top:50%;margin-top:-7px;right:0px;}
.ny_class ul li:last-child a:after{display:none;}
.ny_class ul li a:hover,.ny_class ul li a.cur{color:#001838;}
.ny_class ul li a:hover:before,.ny_class ul li a.cur:before{width:80%;left:10%;background-color:#001838;}
.ny_class .btn-pre,.ny_class .btn-next{position: absolute;top: 50%;transform: translateY(-50%);width: 25px;height: 50px;line-height: 50px;text-align: center;z-index: 999;background: #f5f5f5;color: #001838;cursor: pointer;display: none;}
.ny_class .btn-pre{left: 0;display:none;}
.ny_class .btn-next{right: 0; display:none;}
.weizhi{color: #555;line-height: 30px;padding: 25px 0;box-sizing: border-box;}
.location .weizhi{width: 29.659999999999997%;text-align: right;padding-right: 20px;}
.weizhi span{position: relative;padding-left: 25px;}
.weizhi span .iconfont2{position:absolute;width:20px;height:22px;left:0px;}
.weizhi span .iconfont2:before{content:'\e630';color:#001838;font-size:20px;}
.weizhi a{color: #555;}
.weizhi a:hover{color: #001838;}




.nr_page{overflow: hidden;background-color: #fff;position: relative;height: auto;margin: 4rem 0;}
.nr_page .title{max-width: 80%;font-size: 30px;font-weight: bold;color: #373c41;text-align: center;word-break: break-all;margin: auto;}
.nr_page .status{color: #595959;font-size: 14px;text-align: center;padding-bottom: 20px;margin-top: 20px;overflow: hidden;border-bottom: 1px solid #d9d9d9;}
.nr_page .status a{color: #595959;}
.nr_page .status span{margin-right: 20px;}
.nr_page .intro{color: #595959;font-size: 14px;padding: 10px;white-space: normal;background: #f2f2f2;margin-bottom: 20px;}
.nr_page .content{padding: 20px 0;text-align: justify;word-break: break-word !important;overflow: hidden;}
.nr_page .content p{font-size: 16px;color: #666;padding-bottom: 15px;line-height: 1.8;}
.nr_page .content img{max-width: 100% !important;height: auto!important;display: block !important;margin: 0 auto;}
.nr_page .key{color: #595959;}
.nr_page .key span{color: #595959;}
.nr_page .key p{display: inline-block;}
.nr_page .key button{font-size: 14px;margin: 2px;padding: 6px 5px;background-color: #fff;border: 1px solid #ccc;border-radius: 4px;cursor: pointer;transition: all .5s ease;}
.nr_page .key button:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}
.nr_page .reLink{display: flex;margin: 20px 0;padding-bottom: 20px;border-bottom: 1px solid #d9d9d9;overflow: hidden;}
.nr_page .prev,.nr_page .next{width: 50%;color: #595959;line-height: 1.5;}
.nr_page .prev a,.nr_page .next a{color: #595959;}
.nr_page .next{text-align: right;}
.nr_page .relevant{margin-top: 30px;}
.nr_page .relevant .tit{background-color: #ededed;height: 60px;}
.nr_page .relevant .tit h3{color: #000;font-size: 18px;line-height: 60px;font-weight: bold;padding: 0 15px;}
.nr_page .relevant ul{display: flex;padding: 30px 0;border: 1px solid #f0f0f0;}
.nr_page .relevant ul li{width: calc(100% / 3);padding: 20px 10px;box-sizing: border-box;}
.nr_page .relevant ul li .box{display:block;width:100%;height:100%;position:relative;transition:all .5s ease;}
.nr_page .relevant ul li .img{width:100%;height:0px;position:relative;padding-bottom:62%;}
.nr_page .relevant ul li .img img{position:absolute;width:100%;height:100%;top: 0;left: 0;object-fit: cover;}
.nr_page .relevant ul li .txt{width:100%;height:150px;padding:20px 10px;box-sizing: border-box;}
.nr_page .relevant ul li span{color:#999;}
.nr_page .relevant ul li h3{height:40px;line-height:40px;font-weight:200;color:#333;font-size:1.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}
.nr_page .relevant ul li .line{border-top-color:#001838;border-top-width:1px;border-top-style:solid;margin:10px 0;width:5%;transition:all .5s ease;}
.nr_page .relevant ul li p{font-size:0.875rem;display:-webkit-box;overflow:hidden;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;line-height:1.6;color:#999;overflow-wrap: break-word;}
.nr_page .relevant ul li:hover .box{transform:translateY(-15px);}
.nr_page .relevant ul li:hover .line{width:100%;}

.about02{}
.container{width:1600px; margin:auto;}
.about02css{margin-top:50px;}
.about02css ul{ width:100%; overflow:hidden;}
.about02css ul li{ float:left; width:30%;padding-right:3%;margin-bottom:50px;text-align:center;}
.about02css ul li a{ text-align:center;}
.about02css ul li a img{ width:500px;}
.about02css ul li a h2{ height:50px; line-height:50px;}

.imgListBox{margin: 4rem 0;}
.img_list{display: flex;-ms-flex-preferred-size: 100%;flex-basis: 100%;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.img_list li{width: calc( 100% / 4 - 1.95%);margin-right: 2.6%;margin-bottom: 2.6%;padding: 10px;background: #f6f6f6;box-sizing: border-box;transition: 0.3s ease 0s;}
.img_list li:nth-child(4n){margin-right: 0;}
.img_list li .img{width: 100%;position: relative;padding-bottom: 67.5%;overflow: hidden;}
.img_list li .img img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;transition: 0.5s linear 0s;}
.img_list li h3{color: #666;font-size: 16px;text-align: center;padding: 3% 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;transition: 0.3s ease 0s;}
.img_list li:hover img{transform: scale(1.1);}
.img_list li:hover h3{color: #001838;background: #ffffff;}

.videolist li{ width:100%; clear:both;;height:300px;min-width:300px;padding:20px;margin:20px 0; background:#f8f8f8; border-radius:10px;}
.videolist li .videofl{ float:left; width:30%;}
.videolist li .videofl video{border-radius:10px;}
.videolist li .videofr{float:left;width:auto;max-width:62%; margin:0 0 0 5%; padding:20px;background:#fff;border-radius:10px; height:260px;}
.videolist li .videofr h3{ font-size:30px; font-weight:bold; padding:10px 0;}
.videolist li .videofr .tit span{ padding:10px 0; font-size:20px; line-height:40px;height:auto; height:200px;}
.videolist li:nth-child(2n) .videofl{ float:right;width:30%;}
.videolist li:nth-child(2n) .videofr{ float:left; width:62%;margin:0 5% 0 0;padding:20px; }

.PicListBox{margin: 4rem 0;}
.PicListBox .title{color: #333;font-size: 30px;line-height: 50px;}
.Pic_list{display: flex;-ms-flex-preferred-size: 100%;flex-basis: 100%;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.Pic_list li{width: calc((100% - 80px)/4);margin: 10px;border: 1px solid #ddd;box-sizing: border-box;transition: 0.3s ease 0s;}
.Pic_list li .img{width: 100%;position: relative;padding-bottom: 100%;overflow: hidden;}
.Pic_list li .img img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;transition: 0.5s linear 0s;}
.Pic_list li h3{color: #333;font-size: 16px;line-height: 50px;text-align: center;padding: 0 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;transition: 0.3s ease 0s;}
.Pic_list li:hover img{transform: scale(1.1);}
.Pic_list li:hover h3{color: #fff;background: #001838;}



.contact{margin: 2rem 0;}
.contact .box{}
.contact .lianxi{width: 100%; padding: 30px 20px;height: auto;}
.contact .lianxi ul{ padding:0; margin:0px;}
.contact .lianxi ul li{ display:block;float:left;width:46%; border:1px solid #CCC; border-radius:10px; paddding:20px 10px; height:240px;max-height:330px; }
.contact .lianxi ul li:nth-child(1){ margin-right:4%;}
.contact .lianxi ul li .contactcss{ margin:10px; font-size:16px; line-height:30px;paddding-left:30px; max-width:550px;}
.contact .lianxi ul li .contactcss dt{ font-size:20px; line-height:60px;font-weight:bold; }
.contact .lianxi ul li .contactcss dd{ font-size:16px; line-height:30px; }
.contact .lianxi ul li .contactcss dd a,.contact .lianxi ul li .contactcss dd a:link,.contact .lianxi ul li .contactcss dd a:visited,.contact .lianxi ul li .contactcss dd a:hover,.contact .lianxi ul li .contactcss dd a:active{ color:#333;}
.contact .lianxi ul li .contacterweima img{width:180px;padding:30px 5px 0px 0;;}
.contact .lianxi h3{font-size: 28px;line-height: 1.2;}
.contact .lianxi span{display: inline-block;width: 60px;height: 2px;margin: 27px 0;background: #804e13;}
.contact .lianxi p{font-size: 16px;line-height: 2;}
.contact .lianxi a{color: #fff;}
.contact section{ clear:both;width:1600px; text-align:center;margin:auto;  margin-top:30px;}
.contact section .container{ margin:auto; text-align:center;width:100%;margin-left:1%;}
.contact section .container #allmap{ width:98%;height:40vh;}
#mapContainer{width: 60.95%;height: auto;}
#mapContainer .amap-copyright{display: none !important;}
#mapContainer .amap-logo{display: none !important;}
div.info-top{position: relative;background: none repeat scroll 0 0 #F9F9F9;border-bottom: 1px solid #CCC;border-radius:5px 5px 0 0;}
div.info-top div{display: inline-block;color: #333;font-size: 14px;font-weight:bold;line-height: 1.5;padding: 10px;padding-right: 30px;text-align:left;}
div.info-top img{position: absolute;top: 10px;right: 10px;transition-duration: 0.25s;}
div.info-top img:hover{box-shadow: 0px 0px 5px #000;}
div.info-middle{color: #666;font-size:12px;padding:10px;line-height:21px;text-align:left;border-radius: 0 0 5px 5px;box-shadow: 0 5px 5px rgb(0 0 0 / 20%);}
div.info-bottom{height:0px;width:100%;clear:both;text-align:center;}
div.info-bottom img{position: relative;z-index:104;}



.message{padding: 4rem 0;background: #f5f5f5;}
.message .tit{text-align: center;margin-bottom: 20px;}
.message .tit h3{color: #333;font-size: 34px;font-weight: bold;}
.message .tit p{color: #787878;font-size: 16px;line-height: 1.6;padding: 5px 0 10px;}


.inner_form{display: flex;flex-wrap: wrap;}
.inner_form .layui-form-item{float: left;width: 31%;margin-right: 2%;clear: none;transition: all .3s ease;}
.inner_form .layui-form-text,.inner_form .btn{float: none;width: 100%;margin-right: 0;}
.inner_form .layui-input,.inner_form .layui-textarea{border-radius: 4px;border-color: #ccc;box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);}
.inner_form .layui-input:hover,.inner_form .layui-textarea:hover,
.inner_form .layui-input:focus,.inner_form .layui-textarea:focus{border-color: #66afe9!important;}
.inner_form .layui-textarea{min-height: 240px;resize: none;}
.inner_form .Code{width: 34%;margin-right: 0;}
.inner_form .Code input{display: inline-block;width: 73%;margin-right: 2%;}
.inner_form .Code img{vertical-align: top;width: 25%;height: 36px;background: #fff;object-fit: contain;}
.inner_form .layui-btn{width: 100%;font-size: 18px;text-transform: uppercase;background-color: #001838;}
.inner_form .layui-btn:hover{background-color: #804e13;border-color: #804e13;opacity: 1;}


.page{text-align: center;padding: 30px 0; margin:auto;}
.page:before, .page:after{content: " ";display: table;}
.page:after{clear: both;}
.page li{ float:left;}
.page li .current,.page li .disabled,.page a{min-width: 38px;color: #666;font-size: 14px;display: inline-block;padding: 0 10px;margin: 2.5px;text-align: center;line-height: 36px;border: 1px solid #ddd;background: #fff;box-sizing: border-box;transition: all .5s ease; border-radius:5px;}
.page a:hover,.page .hover{color: #fff;background: #001838;border-color: #001838;}


.pro_box{padding:0px 0;background: #f2f2f2;}
.pro_box>main{ margin:0 auto; padding:0px;}
.pro_box>main .prolistmenu{ margin:0 auto; height:30px;}
.pro_box>main .prolistmenu ul{ }
.pro_box>main .prolistmenu ul li{ float:left; margin:6px 6px 4px 0;height:35px; line-height:35px; border-radius:6px; background:#fff;}
.pro_box>main .prolistmenu ul li a,.pro_box>main .prolistmenu ul li a:link{ padding:0 20px; border:2px solid #f2f2f2; height:35px; line-height:35px; display:block;border-radius:6px;}
.pro_box .list_box{padding: 20px 0;}
.pro_box .list_box .title{color: #333;font-size: 28px;line-height: 60px;text-align: center;border-bottom: 1px solid #f0f0f0;}
.pro_box .list_box .intro{padding: 0 0 20px;margin: 0 0 30px;border-bottom: 1px solid #e8e8e8;}
.pro_box .list_box .intro p{color: rgba(0,0,0,0.45);font-size: 14px;line-height: 1.8;text-align: center;margin: 20px 15px;vertical-align: top;word-break: break-all;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.pro_box .list_box .list{display: flex;flex-wrap: wrap;width:1600px;}
.pro_box .list_box .list li{width: calc(100% / 4);padding: 10px;box-sizing: border-box;}
.pro_box .list_box .list li .img{position: relative;overflow: hidden;width: 100%;height: auto;border-bottom: 0;padding-bottom: 70%;box-sizing: border-box;border-radius:10px;}
.pro_box .list_box .list li .img img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;transition: all .5s ease;border: 1px solid #ddd;padding:5px; border-radius:10px;}
.pro_box .list_box .list li .showBox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;background: rgb(0 60 160 / 70%);transition: all 0.5s ease;}
.pro_box .list_box .list li .showBox span{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: block;width: 60%;color: #fff;text-align: center;font-size: 1rem;padding: 0.5rem 0;}
.pro_box .list_box .list li .showBox span::before,
.pro_box .list_box .list li .showBox span::after{content:'';position:absolute;top: 0;left:50%;transform:translateX(-50%);width:60%;height:1px;background:#fff;transition:all .5s ease;}
.pro_box .list_box .list li .showBox span::after{top: auto;bottom: 0;}
.pro_box .list_box .list li .tit{position: relative;overflow: hidden;width: 100%;height: auto;padding: 15px;border: 1px solid #ddd;border-top: 0;box-sizing: border-box;}
.pro_box .list_box .list li .tit h3{color: #333;font-size: 1rem;line-height: 1.42857143;overflow: hidden;text-overflow: ellipsis;position: relative;white-space: nowrap;width: 100%;text-align: center;}
.pro_box .list_box .list li:hover .img img{transform:translate( -50% ,-50%) scale(1.1);}
.pro_box .list_box .list li:hover .showBox{opacity: 1;}
.pro_box .list_box .list li:hover .showBox span::before,
.pro_box .list_box .list li:hover .showBox span::after{width:1rem;}

.pro_box .show_box{display: flex;flex-flow: row wrap;align-items: flex-start;padding: 20px 0 30px;overflow: hidden;}
.pro_box .gallery{float: left;width: 450px;}
.pro_box .gallery .gallery-top .swiper-slide{cursor: pointer;}
.pro_box .gallery .gallery-top .swiper-slide .pic{position: relative;width: 100%;height: 0;padding-bottom: 100%;}
.pro_box .gallery .gallery-top .swiper-slide .pic img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover; border-radius:6px;}
.pro_box .gallery .thumbs{position: relative;margin-top: 20px;padding: 0 33px;overflow: hidden;}
.pro_box .gallery .gallery-thumbs .swiper-slide{width: calc( 96.1% / 4);margin-right: 5px;border: .15rem solid #f6f6f6;box-sizing: border-box;transition: all .5s ease;}
.pro_box .gallery .gallery-thumbs .swiper-slide .pic{position: relative;width: 100%;height: 0;padding-bottom: 100%;cursor: pointer;}
.pro_box .gallery .gallery-thumbs .swiper-slide .pic img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.pro_box .gallery .gallery-thumbs .swiper-slide-thumb-active{border-color: #804e13;}
.pro_box .swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;position: relative;box-sizing: border-box;background: rgba(0, 0, 0, 0.4);opacity: 1;transition: all .5s ease;box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);}
.pro_box .swiper-pagination .swiper-pagination-bullet:hover:after{transform: scale(2);}
.pro_box .swiper-pagination .swiper-pagination-bullet:after{content: '';width: 4px;height: 4px;background: #fff;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;border-radius: 50%;transition: all .5s ease;}
.pro_box .swiper-pagination .swiper-pagination-bullet-active{border: 2px solid #fff;}
.pro_box .swiper-pagination .swiper-pagination-bullet-active:after{width: 0;height: 0;transform: scale(0);}
.pro_box .gallery .swiper-button-prev:hover,.pro_box .gallery .swiper-button-next:hover{opacity: .35;}
.pro_box .gallery .swiper-button-disabled{pointer-events: auto !important;}
.pro_box .gallery .swiper-button-black{display: inline-block;vertical-align: middle;cursor: pointer;position: absolute;top: 0;left: 0;bottom: 0px;width: 28px;height: 100%;margin: 0;opacity: .6;background-size: 16px;transition: all .5s ease;}
.pro_box .gallery .swiper-button-next{left: auto;right: 0;}

.pro_box .info{float: left;min-width: 200px;padding-left: 38px;flex: 1;}
.pro_box .info .box{margin-bottom: 20px;border-bottom: 1px solid #e8e8e8;}
.pro_box .info .box h3{color: #262626;font-size: 30px;line-height: 1.4;font-weight: bold;}
.pro_box .info .txt{font-size: 14px;line-height: 1.8;color: #666;padding: 20px 0px;word-break: break-word;}
.pro_box .info .btn{padding-bottom: 10px;white-space: nowrap;}
.pro_box .info .btn a{display: inline-block;width:100px;max-width: 45%;color: #fff;font-size: 14px;line-height: 1.572;text-align: center;padding: 0.6vw 3vw;background: #001838;transition: all .5s ease;}
.pro_box .info .btn a:hover{background: #804e13;}
.pro_box .info .tel{display: flex;font-family: arial;font-size: 14px;height: 40px;margin-top: 10px;line-height: 40px;white-space: nowrap;}
.pro_box .info .tel a{color: #707070;}
.pro_box .info .tel a:first-child{margin-right: 20px;}
.pro_box .info .tel i{color: #001838;font-size: 18px;vertical-align: middle;}
.pro_box .info .tel a:hover{color: #001838;}

.pro_box .pro_show{width: 100%;margin-top: 20px;}
.pro_box .pro_show .tit{color: #333;font-size: 26px;line-height: 70px;font-weight: bold;text-align: center;background: #f5f5f5;border-bottom: 4px solid #001838;height: 70px;box-sizing: border-box;}
.pro_box .pro_show .content{padding: 20px 0;word-break: break-word !important;overflow: hidden;}
.pro_box .pro_show .content p{color: #666;font-size: 16px;padding-bottom: 15px;line-height: 1.8;}
.pro_box .pro_show .content img{max-width: 100% !important;height: auto!important;display: block !important;margin: 0 auto;}
.pro_box .pro_show .key{color: #595959;padding: 20px 0;}
.pro_box .pro_show .key span{color: #595959;}
.pro_box .pro_show .key p{display: inline-block;}
.pro_box .pro_show .key button{color: #595959;font-size: 14px;margin: 2px;padding: 7px 10px;background-color: #fff;border: 1px solid #ccc;border-radius: 4px;cursor: pointer;transition: all .5s ease;}
.pro_box .pro_show .key button:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}
.pro_box .pro_show .reLink{display: flex;padding: 20px 0;overflow: hidden;}
.pro_box .pro_show .prev,.pro_box .pro_show .next{width: 50%;color: #595959;line-height: 1.5;}
.pro_box .pro_show .prev a,.pro_box .pro_show .next a{color: #595959;}
.pro_box .pro_show .next{text-align: right;}

.pro_box .pro_show .frame{margin-top: 30px;}
.pro_box .pro_show .frame .titi{background-color: #ededed;height: 60px;}
.pro_box .pro_show .frame .titi h3{color: #000;font-size: 18px;line-height: 60px;font-weight: bold;padding: 0 15px;}
.pro_box .pro_show .frame .box{padding: 20px;border: 1px solid #f0f0f0;}

.pro_box .pro_show .pro_relevant li{width: 100%;position: relative;border-radius:6px;}
.pro_box .pro_show .pro_relevant li .img{position: relative;width: 100%;padding-bottom: 80%;overflow: hidden;border-radius:6px;}
.pro_box .pro_show .pro_relevant li .img img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(1);width: 100%;height: 100%;transition: all .5s ease;border-radius:6px;}
.pro_box .pro_show .pro_relevant li h3{color: #333;font-size: 15px;line-height: 3;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;transition: all .5s ease;}
.pro_box .pro_show .pro_relevant li:hover .img img{transform: translate(-50%,-50%) scale(1.1); border-radius:6px;}
.pro_box .pro_show .pro_relevant li:hover h3{color: #001838;}
.pro_box .pro_show .swiper-pagination{position: relative;bottom: auto;}


.parter_box{padding: 20px 0;background: #f2f2f2;}
.parter_box>main{display: flex; }
.parter_box .parterlist{padding-bottom: 30px; width:100%;}
.parter_box .parterlist .title{color: #333;font-size: 28px;line-height: 60px;text-align: center;border-bottom: 1px solid #f0f0f0;}
.parter_box .parterlist .intro{padding: 0 0 20px;margin: 0 0 30px;border-bottom: 1px solid #e8e8e8;}
.parter_box .parterlist .intro p{color: rgba(0,0,0,0.45);font-size: 14px;line-height: 1.8;text-align: center;margin: 20px 15px;vertical-align: top;word-break: break-all;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.parter_box .parterlist .list{display: flex;flex-wrap: wrap;}
.parter_box .parterlist .list li{width: calc(100% / 5);padding: 10px;box-sizing: border-box;}
.parter_box .parterlist .list li .img{position: relative;overflow: hidden;width: 100%;height: auto;border: 0px solid #ddd;border-bottom: 0;padding-bottom: 40%;box-sizing: border-box;}
.parter_box .parterlist .list li .img img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;transition: all .5s ease;}
.parter_box .parterlist .list li .showBox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;background: rgb(0 60 160 / 70%);transition: all 0.5s ease;}/*鼠标浮于图片颜色*/
.parter_box .parterlist .list li .showBox span{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: block;width: 60%;color: #fff;text-align: center;font-size: 1rem;padding: 0.5rem 0;}
.parter_box .parterlist .list li .showBox span::before,
.parter_box .parterlist .list li .showBox span::after{content:'';position:absolute;top: 0;left:50%;transform:translateX(-50%);width:60%;height:1px;background:#fff;transition:all .5s ease;}
.parter_box .parterlist .list li .showBox span::after{top: auto;bottom: 0;}
.parter_box .parterlist .list li .tit{position: relative;overflow: hidden;width: 100%;height: auto;padding: 15px;border: 0px solid #ddd;border-top: 0;box-sizing: border-box;}
.parter_box .parterlist .list li .tit h3{color: #333;font-size: 1rem;line-height: 1.42857143;overflow: hidden;text-overflow: ellipsis;position: relative;white-space: nowrap;width: 100%;text-align: center;}
.parter_box .parterlist .list li:hover .img img{transform:translate( -50% ,-50%) scale(1.1);}
.parter_box .parterlist .list li:hover .showBox{opacity: 1;}
.parter_box .parterlist .list li:hover .showBox span::before,
.parter_box .parterlist .list li:hover .showBox span::after{width:1rem;}

.parter_box .show_box{display: flex;flex-flow: row wrap;align-items: flex-start;padding: 20px 0 30px;overflow: hidden;}
.parter_box .gallery{float: left;width: 450px;}
.parter_box .gallery .gallery-top .swiper-slide{cursor: pointer;}
.parter_box .gallery .gallery-top .swiper-slide .pic{position: relative;width: 100%;height: 0;padding-bottom: 100%;}
.parter_box .gallery .gallery-top .swiper-slide .pic img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;border-radius:6px;}
.parter_box .gallery .thumbs{position: relative;margin-top: 20px;padding: 0 33px;overflow: hidden;}
.parter_box .gallery .gallery-thumbs .swiper-slide{width: calc( 96.1% / 4);margin-right: 5px;border: .15rem solid #eee;box-sizing: border-box;transition: all .5s ease;}
.parter_box .gallery .gallery-thumbs .swiper-slide .pic{position: relative;width: 100%;height: 0;padding-bottom: 100%;cursor: pointer;}
.parter_box .gallery .gallery-thumbs .swiper-slide .pic img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.parter_box .gallery .gallery-thumbs .swiper-slide-thumb-active{border-color: #001838;}
.parter_box .swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;position: relative;box-sizing: border-box;background: rgba(0, 0, 0, 0.4);opacity: 1;transition: all .5s ease;box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);}
.parter_box .swiper-pagination .swiper-pagination-bullet:hover:after{transform: scale(2);}
.parter_box .swiper-pagination .swiper-pagination-bullet:after{content: '';width: 4px;height: 4px;background: #fff;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;border-radius: 50%;transition: all .5s ease;}
.parter_box .swiper-pagination .swiper-pagination-bullet-active{border: 2px solid #fff;}
.parter_box .swiper-pagination .swiper-pagination-bullet-active:after{width: 0;height: 0;transform: scale(0);}
.parter_box .gallery .swiper-button-prev:hover,.parter_box .gallery .swiper-button-next:hover{opacity: .35;}
.parter_box .gallery .swiper-button-disabled{pointer-events: auto !important;}
.parter_box .gallery .swiper-button-black{display: inline-block;vertical-align: middle;cursor: pointer;position: absolute;top: 0;left: 0;bottom: 0px;width: 28px;height: 100%;margin: 0;opacity: .6;background-size: 16px;transition: all .5s ease;}
.parter_box .gallery .swiper-button-next{left: auto;right: 0;}

.parter_box .info{float: left;min-width: 200px;padding-left: 38px;flex: 1;}
.parter_box .info .box{margin-bottom: 20px;border-bottom: 1px solid #e8e8e8;}
.parter_box .info .box h3{color: #262626;font-size: 30px;line-height: 1.4;font-weight: bold;}
.parter_box .info .txt{font-size: 14px;line-height: 1.8;color: #666;padding: 20px 0px;word-break: break-word;}
.parter_box .info .btn{padding-bottom: 10px;white-space: nowrap;}
.parter_box .info .btn a{display: inline-block;max-width: 45%;color: #fff;font-size: 14px;line-height: 1.572;text-align: center;padding: 0.6vw 3vw;background: #001838;transition: all .5s ease;}
.parter_box .info .btn a:hover{background: #804e13;}
.parter_box .info .tel{display: flex;font-family: arial;font-size: 14px;height: 40px;margin-top: 10px;line-height: 40px;white-space: nowrap;}
.parter_box .info .tel a{color: #707070;}
.parter_box .info .tel a:first-child{margin-right: 20px;}
.parter_box .info .tel i{color: #001838;font-size: 18px;vertical-align: middle;}
.parter_box .info .tel a:hover{color: #001838;}

.parter_box .parter_show{width: 100%;margin-top: 20px;}
.parter_box .parter_show .tit{color: #333;font-size: 26px;line-height: 70px;font-weight: bold;text-align: center;background: #f5f5f5;border-bottom: 4px solid #001838;height: 70px;box-sizing: border-box;}
.parter_box .parter_show .content{padding: 20px 0;word-break: break-word !important;overflow: hidden;}
.parter_box .parter_show .content p{color: #666;font-size: 16px;padding-bottom: 15px;line-height: 1.8;}
.parter_box .parter_show .content img{max-width: 100% !important;height: auto!important;display: block !important;margin: 0 auto;}
.parter_box .parter_show .key{color: #595959;padding: 20px 0;}
.parter_box .parter_show .key span{color: #595959;}
.parter_box .parter_show .key p{display: inline-block;}
.parter_box .parter_show .key button{color: #595959;font-size: 14px;margin: 2px;padding: 7px 10px;background-color: #fff;border: 1px solid #ccc;border-radius: 4px;cursor: pointer;transition: all .5s ease;}
.parter_box .parter_show .key button:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}
.parter_box .parter_show .reLink{display: flex;padding: 20px 0;overflow: hidden;}
.parter_box .parter_show .prev,.parter_box .parter_show .next{width: 50%;color: #595959;line-height: 1.5;}
.parter_box .parter_show .prev a,.parter_box .parter_show .next a{color: #595959;}
.parter_box .parter_show .next{text-align: right;}

.parter_box .parter_show .frame{margin-top: 30px;}
.parter_box .parter_show .frame .titi{background-color: #ededed;height: 60px;}
.parter_box .parter_show .frame .titi h3{color: #000;font-size: 18px;line-height: 60px;font-weight: bold;padding: 0 15px;}
.parter_box .parter_show .frame .box{padding: 20px;border: 1px solid #f0f0f0;}

.parter_box .parter_show .parter_relevant li{width: 100%;position: relative;}
.parter_box .parter_show .parter_relevant li .img{position: relative;width: 100%;padding-bottom: 100%;overflow: hidden;}
.parter_box .parter_show .parter_relevant li .img img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(1);width: 100%;height: auto;transition: all .5s ease;}
.parter_box .parter_show .parter_relevant li h3{color: #333;font-size: 15px;line-height: 3;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;transition: all .5s ease;}
.parter_box .parter_show .parter_relevant li:hover .img img{transform: translate(-50%,-50%) scale(1.1);}
.parter_box .parter_show .parter_relevant li:hover h3{color: #001838;}
.parter_box .parter_show .swiper-pagination{position: relative;bottom: auto;}

.case_box{padding: 20px 0;background: #f2f2f2;}
.case_box>main{display: flex; }
.case_box .caselist{padding-bottom: 30px; width:100%;}
.case_box .caselist .title{color: #333;font-size: 28px;line-height: 60px;text-align: center;border-bottom: 1px solid #f0f0f0;}
.case_box .caselist .intro{padding: 0 0 20px;margin: 0 0 30px;border-bottom: 1px solid #e8e8e8;}
.case_box .caselist .intro p{color: rgba(0,0,0,0.45);font-size: 14px;line-height: 1.8;text-align: center;margin: 20px 15px;vertical-align: top;word-break: break-all;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.case_box .caselist .list{display: flex;flex-wrap: wrap;}
.case_box .caselist .list li{width: calc(100% / 3);padding: 10px;box-sizing: border-box;}
.case_box .caselist .list li .img{position: relative;overflow: hidden;width: 100%;height: auto;border: 1px solid #ddd;border-bottom: 0;padding-bottom: 60%;box-sizing: border-box;border-radius:10px; }
.case_box .caselist .list li .img img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;transition: all .5s ease; border-radius:10px;}
.case_box .caselist .list li .showBox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;background: rgb(0 60 160 / 70%);transition: all 0.5s ease;}/*鼠标浮于图片颜色*/
.case_box .caselist .list li .showBox span{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: block;width: 60%;color: #fff;text-align: center;font-size: 1rem;padding: 0.5rem 0;}
.case_box .caselist .list li .showBox span::before,
.case_box .caselist .list li .showBox span::after{content:'';position:absolute;top: 0;left:50%;transform:translateX(-50%);width:60%;height:1px;background:#fff;transition:all .5s ease;}
.case_box .caselist .list li .showBox span::after{top: auto;bottom: 0;}
.case_box .caselist .list li .tit{position: relative;overflow: hidden;width: 100%;height: auto;padding: 15px;border: 0px solid #ddd;border-top: 0;box-sizing: border-box;}
.case_box .caselist .list li .tit h3{color: #333;font-size: 1rem;line-height: 1.42857143;overflow: hidden;text-overflow: ellipsis;position: relative;white-space: nowrap;width: 100%;text-align: center;}
.case_box .caselist .list li:hover .img img{transform:translate( -50% ,-50%) scale(1.1);}
.case_box .caselist .list li:hover .showBox{opacity: 1;}
.case_box .caselist .list li:hover .showBox span::before,
.case_box .caselist .list li:hover .showBox span::after{width:1rem;}

.case_box .show_box{display: flex;flex-flow: row wrap;align-items: flex-start;padding: 20px 0 30px;overflow: hidden;}
.case_box .gallery{float: left;width: 450px;}
.case_box .gallery .gallery-top .swiper-slide{cursor: pointer;}
.case_box .gallery .gallery-top .swiper-slide .pic{position: relative;width: 100%;height: 0;padding-bottom: 100%;}
.case_box .gallery .gallery-top .swiper-slide .pic img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;border-radius:6px;}
.case_box .gallery .thumbs{position: relative;margin-top: 20px;padding: 0 33px;overflow: hidden;}
.case_box .gallery .gallery-thumbs .swiper-slide{width: calc( 96.1% / 4);margin-right: 5px;border: .15rem solid #eee;box-sizing: border-box;transition: all .5s ease;}
.case_box .gallery .gallery-thumbs .swiper-slide .pic{position: relative;width: 100%;height: 0;padding-bottom: 100%;cursor: pointer;}
.case_box .gallery .gallery-thumbs .swiper-slide .pic img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;border-radius:6px;}
.case_box .gallery .gallery-thumbs .swiper-slide-thumb-active{border-color: #001838;}
.case_box .swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;position: relative;box-sizing: border-box;background: rgba(0, 0, 0, 0.4);opacity: 1;transition: all .5s ease;box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);}
.case_box .swiper-pagination .swiper-pagination-bullet:hover:after{transform: scale(2);}
.case_box .swiper-pagination .swiper-pagination-bullet:after{content: '';width: 4px;height: 4px;background: #fff;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;border-radius: 50%;transition: all .5s ease;}
.case_box .swiper-pagination .swiper-pagination-bullet-active{border: 2px solid #fff;}
.case_box .swiper-pagination .swiper-pagination-bullet-active:after{width: 0;height: 0;transform: scale(0);}
.case_box .gallery .swiper-button-prev:hover,.case_box .gallery .swiper-button-next:hover{opacity: .35;}
.case_box .gallery .swiper-button-disabled{pointer-events: auto !important;}
.case_box .gallery .swiper-button-black{display: inline-block;vertical-align: middle;cursor: pointer;position: absolute;top: 0;left: 0;bottom: 0px;width: 28px;height: 100%;margin: 0;opacity: .6;background-size: 16px;transition: all .5s ease;}
.case_box .gallery .swiper-button-next{left: auto;right: 0;}

.case_box .info{float: left;min-width: 200px;padding-left: 38px;flex: 1;}
.case_box .info .box{margin-bottom: 20px;border-bottom: 1px solid #e8e8e8;}
.case_box .info .box h3{color: #262626;font-size: 30px;line-height: 1.4;font-weight: bold;}
.case_box .info .txt{font-size: 14px;line-height: 1.8;color: #666;padding: 20px 0px;word-break: break-word;}
.case_box .info .btn{padding-bottom: 10px;white-space: nowrap;}
.case_box .info .btn a{display: inline-block;max-width: 45%;color: #fff;font-size: 14px;line-height: 1.572;text-align: center;padding: 0.6vw 3vw;background: #001838;transition: all .5s ease;}
.case_box .info .btn a:hover{background: #804e13;}
.case_box .info .tel{display: flex;font-family: arial;font-size: 14px;height: 40px;margin-top: 10px;line-height: 40px;white-space: nowrap;}
.case_box .info .tel a{color: #707070;}
.case_box .info .tel a:first-child{margin-right: 20px;}
.case_box .info .tel i{color: #001838;font-size: 18px;vertical-align: middle;}
.case_box .info .tel a:hover{color: #001838;}

.case_box .case_show{width: 100%;margin-top: 20px;}
.case_box .case_show .tit{color: #333;font-size: 26px;line-height: 70px;font-weight: bold;text-align: center;background: #f5f5f5;border-bottom: 4px solid #001838;height: 70px;box-sizing: border-box;}
.case_box .case_show .content{padding: 20px 0;word-break: break-word !important;overflow: hidden;}
.case_box .case_show .content p{color: #666;font-size: 16px;padding-bottom: 15px;line-height: 1.8;}
.case_box .case_show .content img{max-width: 100% !important;height: auto!important;display: block !important;margin: 0 auto;}
.case_box .case_show .key{color: #595959;padding: 20px 0;}
.case_box .case_show .key span{color: #595959;}
.case_box .case_show .key p{display: inline-block;}
.case_box .case_show .key button{color: #595959;font-size: 14px;margin: 2px;padding: 7px 10px;background-color: #fff;border: 1px solid #ccc;border-radius: 4px;cursor: pointer;transition: all .5s ease;}
.case_box .case_show .key button:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}
.case_box .case_show .reLink{display: flex;padding: 20px 0;overflow: hidden;}
.case_box .case_show .prev,.case_box .case_show .next{width: 50%;color: #595959;line-height: 1.5;}
.case_box .case_show .prev a,.case_box .case_show .next a{color: #595959;}
.case_box .case_show .next{text-align: right;}

.case_box .case_show .frame{margin-top: 30px;}
.case_box .case_show .frame .titi{background-color: #ededed;height: 60px;}
.case_box .case_show .frame .titi h3{color: #000;font-size: 18px;line-height: 60px;font-weight: bold;padding: 0 15px;}
.case_box .case_show .frame .box{padding: 20px;border: 1px solid #f0f0f0;}

.case_box .case_show .case_relevant li{width: 100%;position: relative;}
.case_box .case_show .case_relevant li .img{position: relative;width: 100%;padding-bottom: 100%;overflow: hidden;}
.case_box .case_show .case_relevant li .img img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(1);width: 100%;height: auto;transition: all .5s ease;}
.case_box .case_show .case_relevant li h3{color: #333;font-size: 15px;line-height: 3;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;transition: all .5s ease;}
.case_box .case_show .case_relevant li:hover .img img{transform: translate(-50%,-50%) scale(1.1);}
.case_box .case_show .case_relevant li:hover h3{color: #001838;}
.case_box .case_show .swiper-pagination{position: relative;bottom: auto;}

@media only screen and (max-width: 1024px){
.pc_header{width:100%;max-width:100%;height:80px;line-height:80px;background:rgba(255,255,255,1);border-bottom:1px solid rgba(27,36,43,0);}
.pc_header .topmain{display:none;}
.pc_header .box{max-width: 100%;justify-content: space-between;}
.pc_header .header_logo{width: 21.34%;}
.pc_header .header_logo .logo1{display: inline-block;transform: scale(.9);}
.pc_header .header_logo .logo2{display: none;}
.swiper-container-top{margin:0px auto auto auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}/*首页动画图离顶高度*/


.in_tit{width: 75.24%;}
.in_tit h3{font-size: 40px;}
.in_tit p{font-size: 14px;}
#tNav{width: 45%;padding: 0;}
#tNav .leftBox,.pc_header .header_mail,.header_lang{display:none;}
#tNav .navSimg{display:none;}
#tNav .tNavBox{position:relative;height:80px;background:001838;}
#tNav .navBtn{position: absolute;top: 20px;right: 1rem;background: #001838;width: 40px;height: 40px;padding: 10px;line-height: 73px;box-sizing: border-box;
border-radius:5px;}
#tNav .navLine{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden;}
#tNav .navBtnImg{display: block;width: 90%;height: 70%;}
#tNav .tNav{position:fixed;top: 80px;left:0;right:0;height: 0;overflow: hidden;z-index:999;background: rgba(0,30,60,1);transition:all .5s ease;}/*手机菜单下拉显示离顶高度*/

#tNav .tNavHeight{height: 100%;}
#tNav .slidBox{display:none;}
#tNav .navUl{background: rgba(0,30,60,1);overflow:hidden;}/*手机菜单背景色#001e3c*/
#tNav .navLi{border-bottom: 1px solid #394b58;position: relative;}
#tNav .navLi li{ clear:both; display:block;}
#tNav .tNavH{position: relative;height: 46px;line-height: 46px;padding: 0 8%;font-size: 14px;font-weight:normal;transition: all .5s ease;}
#tNav .tNavHBac{background-color: #001838;}
#tNav .navName,#needHeaderBac #tNav .tNav .navName{display: block;width: 100%;height: 100%;color:#fff;}
#tNav .iconJt{position:absolute;top: 0;right:2%;display:flex;width:46px;height:46px;justify-content:center;align-items:center;color:#fff;font-size:0.875rem;transition:all .5s ease;}
#tNav .iconJtRotate{transform: rotate(-180deg);}
#tNav .navSliBtn{height:80px;width:100%;text-align:center;}
#tNav .navSliBtn img{ width:60px;height:60px;}
#tNav .navSliBtnlang{height:40px;width:100%;text-align:center; line-height:40px; border-bottom:1px solid #888;}
#tNav .navSliBtnlang>ul{}
#tNav .navSliBtnlang>ul>li{ float:left; width:49%;}
#tNav .navSliBtnlang>ul>li>a{line-height:40px; color:#FFF;}
#tNav .hs{height: 100%;}
#tNav .navSbox{padding-bottom:30px;}
#tNav .navSli{padding-left: 8%;font-size: 0.875rem;height: 38px;line-height: 38px;}
#tNav .navSlink{display:block;width:100%;height:100%;color: #fff;}
#tNav .navLi.tplink8{border-bottom:none;}
#tNav .navLi.tplink8 .slidBox{display:block !important;}
#tNav .navLi.tplink8 .tNavH{display:none;}
#tNav .navLi.tplink8 .navSbox{padding-top:30px;display: flex;flex-direction: row;justify-content: center;}
#tNav .navLi.tplink8 .navSli{padding-left: 0;border: 1px solid rgba(255,255,255,.2);width: 38px;text-align: center;margin: 0 2vw;}

.pro_box{padding: 0px 0;}
.pro_box>main{display: block;}
.pro_box .pro_fl,.pro_box .pro_fr{width: 100%;margin: 0;}
.pro_box .pro_class .tit{font-size: 20px;font-weight: normal;line-height: 24px;padding: 15px 20px;position: relative;background: #001838;}
.pro_box .pro_class .tit .btn{display: block;}
.pro_box .pro_class .class,.pro_box .pro_lx{display: none;padding: 0 15px;border-bottom: 1px solid #f0f0f0;}
.pro_box .list_box .intro{padding: 15px;margin: 0;}
.pro_box .list_box .list{ width:100%;}
.pro_box .list_box .list li{width: calc(100% / 2);padding: 5px;}
.pro_box .list_box .list li .showBox span{font-size: 12px;}
.pro_box .list_box .list li .tit{padding: 10px 5px;}
.pro_box .list_box .list li .tit h3{font-size: 13px;}
.pro_box .gallery .thumbs{display: none;}
.pro_box .info{padding: 0;}
.pro_box .info .box{margin-bottom: 15px;}
.pro_box .info .box h3{font-size: 20px;font-weight: bold;padding: 10px 0px;}
.pro_box .info .txt{padding-top: 0;}
.pro_box .info .btn a{width: 170px;line-height: 3;}
.pro_box .pro_show .tit{font-size: 20px;line-height: 50px;height: 50px;}
.pro_box .pro_show .content p{font-size: 14px;line-height: 24px;}
.pro_box .pro_show .content{padding: 10px 0px;}
.pro_box .pro_show .key{padding: 10px 0px;}
.pro_box .pro_show .key button{font-size: 12px;padding: 5px 3px;}
.pro_box .pro_show .reLink{padding: 0;background: rgba(0, 0, 0, 0.02);}
.pro_box .pro_show .prev,.pro_box .pro_show .next{padding: 10px 0;text-align: center;}
.pro_box .pro_show .prev a,.pro_box .pro_show .next a{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pro_box .pro_show .next{text-align: center;border-left: 1px solid rgba(0, 0, 0, 0.04);}
.pro_box .pro_show .frame{margin-top: 20px;}
.pro_box .pro_show .frame .box{padding: 10px;}
.pro_box .pro_show .pro_relevant li h3{font-size: 14px;line-height: 2;}

.parter_box{padding: 2rem 0;}
.parter_box>main{display: block;}
.parter_box .parter_fl,.parter_box .parter_fr{width: 100%;margin: 0;}
.parter_box .parter_class .tit{font-size: 20px;font-weight: normal;line-height: 24px;padding: 15px 20px;position: relative;background: #001838;}
.parter_box .parter_class .tit .btn{display: block;}
.parter_box .parter_class .class,.parter_box .parter_lx{display: none;padding: 0 15px;border-bottom: 1px solid #f0f0f0;}
.parter_box .parterlist .intro{padding: 15px;margin: 0;}
.parter_box .parterlist .list li{width: calc(100% / 2);padding: 5px;}
.parter_box .parterlist .list li .showBox span{font-size: 12px;}
.parter_box .parterlist .list li .tit{padding: 10px 5px;}
.parter_box .parterlist .list li .tit h3{font-size: 13px;}
.parter_box .gallery .thumbs{display: none;}
.parter_box .info{padding: 0;}
.parter_box .info .box{margin-bottom: 15px;}
.parter_box .info .box h3{font-size: 20px;font-weight: bold;padding: 10px 0px;}
.parter_box .info .txt{padding-top: 0;}
.parter_box .info .btn a{width: 170px;line-height: 3;}
.parter_box .parter_show .tit{font-size: 20px;line-height: 50px;height: 50px;}
.parter_box .parter_show .content p{font-size: 14px;line-height: 24px;}
.parter_box .parter_show .content{padding: 10px 0px;}
.parter_box .parter_show .key{padding: 10px 0px;}
.parter_box .parter_show .key button{font-size: 12px;padding: 5px 3px;}
.parter_box .parter_show .reLink{padding: 0;background: rgba(0, 0, 0, 0.02);}
.parter_box .parter_show .prev,.parter_box .parter_show .next{padding: 10px 0;text-align: center;}
.parter_box .parter_show .prev a,.parter_box .parter_show .next a{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.parter_box .parter_show .next{text-align: center;border-left: 1px solid rgba(0, 0, 0, 0.04);}
.parter_box .parter_show .frame{margin-top: 20px;}
.parter_box .parter_show .frame .box{padding: 10px;}
.parter_box .parter_show .parter_relevant li h3{font-size: 14px;line-height: 2;}

.in_pro{padding: 3rem 0;}
.in_about{margin: 3rem 0;}
.in_about .fl .txt{font-size: 14px;}
.in_quality{padding: 3rem 0;}
.in_quality .fr .txt{font-size: 14px;}
.in_news{padding: 3rem 0;}
.nuew_list li,.nuew_list.ny li{flex-basis: 100%;width: 100%;margin-right: 0;margin-top: 50px;}
.nuew_list.ny li a{display: flex;justify-content: space-between;flex-direction: row-reverse;}
.nuew_list.ny li .box,.nuew_list.ny li .image{width: 48%;}
.nuew_list.ny li .box .btn{display: block;}
.nuew_list.ny li .image .btn{display: none;}
.nuew_list.ny li .pic{padding-bottom: 72%;}
footer{padding: 0;}
footer .f_nav{display: none;}
footer .f_fl,footer .f_fr{width: 100%;margin: 0;margin-bottom: 2rem;}
footer .f_fr h3,footer .f_fr .foot_share,footer .f_fr .copyright{text-align: left;}
.small_banner .mask{bottom: 100px;width: 90%;left: 5%;} 
.small_banner .mask .a1{font-size: 56px;}
.small_banner .mask .a2{margin-bottom: 25px;}
.location>main{display: block;}
.ny_class{width: auto;border-bottom: 1px solid #ddd;}
.weizhi,.location .weizhi{width: 100%;text-align: left;padding: 10px 0;}
.PicListBox{margin: 2rem 0;}
.contact{margin: 2rem 0;}
.contact .box{display: block;}
.contact .lianxi,#mapContainer{width: 100%;}
#mapContainer{height:400px;}
}

@media only screen and (max-width: 1024px){
.pc_header .header_logo{width: 40%;}
.banner{padding-top: 70px;  height:auto; max-height:120px;overflow:hidden;}
.banner .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 6px!important;}
.banner .rightcircle{display:none;}
.banner .swiper-pagination-bullet-active .wrapper_con{display:none;}
.banner .f-14{display:none;}
.banner .picfont{ z-index:1000; top:-100px; left:6%;position: inherit; width:100%;font-size:40px; overflow:hidden; color:#fff;  font-weight:bold; display:block;}
.banner .picfont p{ font-size:16px;}
/*内页*/
.small_banner{position: relative;max-height: 300px;height: 260px;overflow: hidden;}
.small_banner .pic{position: absolute;top:70px;bottom: 0px;left: 0px;right: 0px;background: no-repeat center/cover;}/*内页动画图离顶高度*/
.small_banner .mask{position: absolute;width: 80%;color: #fff;text-align: center;bottom: auto;left: 10%;z-index: 4;}
.small_banner .mask .a1{font-size:50px;font-weight: bold;text-align: left;margin-top:130px;}
.small_banner .mask .a2{height: 1px;width: 100%;background: rgba(255,255,255,0.5);margin: 0px 0 20px 0;}
.small_banner .mask .a3{font-size:16px;font-weight: bold;text-align: left;margin-top:0px; line-height:20px;}

.in_class{margin:0px 0;}
.in_class ul li .imgbox > img{height: 380px;}
.in_class ul li .txt,.in_class ul li .imgbox:hover .txt{margin: 20px 0;}
.in_class ul li{width: 100%;margin: 1% 0;}
.in_class ul li .imgbox > img{height: 200px;}
.in_class ul li .gridbox{padding: 5% 5%;}
.in_class ul li .ico{max-width: 36px; float:left; width:20%; }
.in_class ul li .ico img{transition: all 1s;}
.in_class ul li .txt{color: #fff;margin: 0px 0 40px 60px;transition: all 0.3s ease; float:right;width:86%;}
.in_class ul li .txt,.in_class ul li .imgbox:hover .txt{margin: 0px 0 20px;}
.in_class ul li .txt a{ color:#FFF;}
.in_class ul li .txt h3{font-size: 18px;height: 38px; color:#FFF;}
.in_class ul li .txt p{margin-top: 10px; color:#FFF;}
.in_class ul li .btn{min-height: 50px;height: 50px;overflow: hidden;}
.in_class ul li .contentbox .gridbox .btn{ display:none;}
.in_pro{padding:0;}
.in_pro .in_tit{width: 100%;}
.in_pro .more{display: none;}
.in_pro .list{padding-bottom:40px;}

.in_pro li{padding: 5px;}
.in_pro li h3{font-size: 14px;line-height: 1.6;margin: 10px 0px 5px 0px;}
.in_about{margin: 2rem 0;}
.in_about .box{display: block;}
.in_about .fl,.in_about .fr{width: 100%;margin: 0;}
.in_about .fl .txt{font-size: 14px;}
.in_about .fr video{width:100%;height:auto;max-height:360px;min-height:160px; margin:20px 0;}
.in_about .fr li .img{display: none;}
.in_about .fr li .txt{width: 100%;margin: 0;}
.in_about .fr li .txt p{max-width: 100%;}
.in_news{padding: 2rem 0;}
.in_news .in_tit{width: 100%;}
.in_news .more{display: none;}
.in_quality{padding: 2rem 0;} 
.in_quality .box{display: block;background: none;}
.in_quality .fl,.in_quality .fr{width: 100%;margin: 0;}
.in_quality .fl .tit h3{font-size: 1rem;line-height: 1.5;padding: 8px 0;}
.in_quality .fr>div{padding: 0;}
.in_tit{width: auto;margin-top: 30px;}
.in_tit h3{font-size: 24px;}

.videolist li{ width:auto; clear:both;padding:5px 0;margin:20px 0; background:#f6f6f6; border-radius:5px; height:400px;}
.videolist li .videofl{clear:both; width:98%;margin:0px;padding:5px;}
.videolist li .videofl video{border-radius:10px;}
.videolist li .videofr{width:auto;max-width:100%; padding:0;border-radius:5px; height:auto;margin:5px 0px;background:#f6f6f6; }
.videolist li .videofr a{width:auto;}
.videolist li .videofr .tit{padding:10px; margin:10px; }
.videolist li .videofr .tit h3{ font-size:26px; font-weight:bold; padding:10px 0;}
.videolist li .videofr .tit span{ padding:10px 0; font-size:18px; line-height:30px;height:auto;}
.videolist li:nth-child(2n) .videofl{clear:both; width:100%;margin:0px;padding:0;background:#f6f6f6;}
.videolist li:nth-child(2n) .videofr{clear:both; width:100%;margin:0px;padding:0; }

.nuew_list li,.nuew_list.ny li{margin-top: 30px;}
.nuew_list li .title{font-size: 18px;min-height: 38px;}
.nuew_list li .txt{font-size: 14px;min-height: 50px;}
.nuew_list.ny li a{display: block;}
.nuew_list.ny li .box, .nuew_list.ny li .image{width: 100%;}
.nuew_list.ny li .title{font-size: 16px;min-height: auto;}
.nuew_list.ny li .txt{min-height: auto;margin: 10px 0px 20px;}
.nuew_list.ny li .box .btn{display: none;}
.nuew_list.ny li .image .btn{display: block;}
.nuew_list.ny li .pic{padding-bottom: 62%;}
.small_banner{height: 40vh;}
.small_banner .mask{bottom: 50px;width: 90%;left: 5%;} 
.small_banner .mask .a1{font-size: 9vw;}
.small_banner .mask .a2{margin: 10px 0 20px;}
.in_parter #parter .list ul li img{ width:100%; height:90px;padding:2px;}

footer .f_top{ display:none;}
footer .f_logo{width: auto;}
footer .f_fl{margin: 0;}
footer .f_fl .box{padding-bottom: 5px;}
footer .f_fl .lianxi{font-size: 14px;}
footer .f_fl .search{display: none;}
footer .f_fr h3{font-size: 18px;}

.container{width:100%; margin:auto;}
.about02css ul li{ clear:both; width:100%;margin-bottom:20px;text-align:center;}
.about02css ul li a{ text-align:center;}
.about02css ul li a img{ width:100%;}
.about02css ul li a h2{ height:30px; line-height:30px;}


.case_box .caselist .list li{width: calc(100% / 2);padding: 2px;box-sizing: border-box;}

.contact{margin: 2rem 0;}
.contact .box{}
.contact .lianxi{width: 100%; padding: 0px;height: auto;}
.contact .lianxi>ul{ margin:0px;padding:0px;}
.contact .lianxi>ul li{ clear:both;width:100%; border:1px solid #CCC; border-radius:10px; paddding:0px; height:260px; max-height:300px;background-color:#FFF;margin-bottom:20px;}
.contact .lianxi ul li:nth-child(1){ margin-right:0%;}
.contact .lianxi ul li .contactcss{ margin:10px; width:100%; font-size:16px; line-height:30px;}
.contact .lianxi ul li .contactcss dt{ font-size:20px; line-height:60px;font-weight:bold; }
.contact .lianxi ul li .contactcss dd{ font-size:16px; line-height:30px; }
.contact .lianxi ul li .contactcss dd a,.contact .lianxi ul li .contactcss dd a:link,.contact .lianxi ul li .contactcss dd a:visited,.contact .lianxi ul li .contactcss dd a:hover,.contact .lianxi ul li .contactcss dd a:active{ color:#333;}
.contact .lianxi ul li .contacterweima {display:none}
.contact .lianxi ul li .contacterweima img{width:100px;padding:10px;}
.contact .lianxi h3{font-size: 28px;line-height: 1.2;}
.contact .lianxi span{display: inline-block;width: 60px;height: 2px;margin: 27px 0;background: #804e13;}
.contact .lianxi p{font-size: 16px;}
.contact .lianxi a{color: #fff;}

.contact section{ clear:both;width:100%; text-align:center;margin:auto;  margin-top:30px;}
.contact section .container{ margin:auto; text-align:center;width:100%;margin-left:1%;}
.contact section .container #allmap{ width:98%;height:40vh;}
.pro_box .gallery{ clear:both;width: 100%;}
.pro_box .gallery .thumbs{position: relative;margin-top: 20px;padding: 0px;overflow: hidden;}
.ny_class{padding: 0px 25px;}
.ny_class ul li a{padding: 0px 20px;height: 62px;line-height: 62px;}
.ny_class .btn-pre,.ny_class .btn-next{display: none;}
.location .weizhi{display: none;}

.nr_page{margin: 2rem 0;}
.nr_page .title{max-width: 100%;font-size: 18px;line-height: 1.6;margin: 10px 0;}
.nr_page .status{margin: 0;padding: 0;border: 0;line-height: 24px;padding-bottom: 10px;border-bottom: 1px solid #d9d9d9;}
.nr_page .status span:first-child{display: none;}
.nr_page .intro{display: none;}
.nr_page .content{padding: 10px 0;}
.nr_page .content p{font-size: 14px;}
.nr_page .key button{font-size: 12px;padding: 5px 3px;}
.nr_page .reLink{display: block;margin: 3vw auto;padding: 0;border: 0;}
.nr_page .reLink span{font-weight: bold;}
.nr_page .prev,.nr_page .next{width: auto;text-align: left;background: #f2f2f2;padding: 10px;margin: 2vw auto;}
.nr_page .relevant{margin-top: 20px;}
.nr_page .relevant ul{display: block;padding: 0;}
.nr_page .relevant ul li{width: 100%;padding: 10px;}
.nr_page .relevant ul li:hover .box{transform:translateY(0);}
.nr_page .relevant ul li:hover .line{width: 5%;}
.imgListBox{margin: 2rem 0;}
.img_list li,.img_list li:nth-child(4n){width: calc( 100% / 2 - 2%);margin-right: 4%;margin-bottom: 4%;padding: 5px;}
.img_list li:nth-child(2n){margin-right: 0;}
.img_list li h3{padding: 2vw;}

.PicListBox .title{font-size: 20px;text-align: center;}
.Pic_list li{width: calc((100% - 20px)/2);margin: 5px;}
.Pic_list li h3{font-size: 12px;line-height: 40px;padding: 0 5px;}

#mapContainer{height:300px;}
.message{padding: 2rem 0;}
.message .tit{margin-bottom: 10px;}
.message .tit h3{font-size: 22px;}
.message .tit p{font-size: 14px;}
.inner_form .layui-form-item{float: none;width: 100%;margin-right: 0;}
.inner_form .layui-input:hover,.inner_form .layui-textarea:hover,
.inner_form .layui-input:focus,.inner_form .layui-textarea:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)}
.page{padding: 20px 0;}
.page li .current,.page li .disabled,.page a{min-width: 30px;font-size: 12px;line-height: 28px;padding: 0 5px;}

.comment-show-box .pl-box2 dl dd,.comment-show-box .fb-box dd{width: 90%;}
.comment-show-box .fb-box dd p textarea{width: 100%;}}

/*@media only screen and (max-width: 1400px){
.pro_box .gallery{width: 350px;}}
@media only screen and (max-width: 1200px){
.pro_box .gallery{width: 300px;}}
@media only screen and (max-width: 1080px){
.pro_box .gallery{float: none;width: 100%;}
.pro_box .info{float: none;width: 100%;padding: 0;padding-top: 40px;}}*/

/*@media only screen and (max-width: 1366px) and (min-width: 1025px){
#tNav .tNav{width: 100%;margin: 0 auto;overflow: visible;}
#tNav .tNav .navName{font-size: 16px;}
.pc_header .box{max-width:100%;}
.pc_header .header_mail a{font-size: 18px;}}*/

/*@media screen and (max-width:640px){
.sitemap{padding: 5px 0;}
.sitemap dt{width: 22%;}
.sitemap dt a{font-size: 12px;}
.sitemap dd a{font-size: 12px;padding-right: 3%;line-height: 23px;}
.tags_list{padding: 5px 0;}
.tags_list dt{min-width: 32%;}
.tags_list dt a{font-size: 12px;}
.tags_list dt:nth-child(3n){margin-right: 0;}}
@media screen and (max-width:640px){
.comment-show-box{margin: 10px 5px;}
.comment-show-box .pl-box2 dl dd h1{line-height: 20px;}
.comment-show-box .pl-box2 dl dd p{margin-top: 5px;line-height: 18px;}
.comment-show-box .pl-box2 dl dd{width: 80%;}
.comment-show-box .fb-box dt{display: none;}
.comment-show-box .fb-box dd{width: 100%;}
.comment-show-box .fb-box dd p textarea{width: 100%;}}
*/

/*右侧悬浮*/
.right_bar{position:fixed;top:300px;right:0;width:50px;height:203px;z-index:10;display: none;}
.right_bar li{width:62px;height:50px;z-index:20;}
.right_bar li.rtbar_li1,.right_bar li.rtbar_li4{position:absolute;left:0;}
.right_bar li.rtbar_li1{top:0;width:172px;}
.right_bar li.rtbar_li2{position:absolute;top:51px;left:0;}
.right_bar li.rtbar_li3{position:absolute;top:102px;left:0;width:126px;}
.right_bar li.rtbar_li4{top:153px;}
.rtbar_li4{position:absolute;top:153px;left:0;}
.right_bar li a{display:block;color:#FFF;font-size:14px;height:50px;line-height:50px;overflow:hidden;background-color:#001838;opacity:0.8;border-radius:6px;}
.right_bar li a img{display:block;float:left;vertical-align:middle;width:24px;height:24px;margin:12px 12px 14px 14px;}
.right_bar li a:hover{background-color:#001838;opacity:1;}
.rtbar_shwx{display:none;position:absolute;top:-120px;left:-160px;}
.rtbar_shwx img{width: 150px;padding: 5px;background-color:#FFF;}
.rtbar_shwx{top:-50px;}